
@import (reference) "index.less";

/** base */
a{text-decoration: none}
.center{margin:0 auto}
.main{top:0;left:0;width: 100%;height: 100%;position: fixed;}
.hide {display:none !important}
.fwb{font-weight: bold;}
.active{font-weight: bold;}
.rollBox {
  clear: both;
  line-height: 2rem;
  overflow: hidden;
  overflow-y: scroll;
  scroll-snap-points-y: repeat(100%);
  scroll-snap-type: mandatory;
  transition: all 2s ease-in-out;
}
.Blue_Header{
  .White !important;.Blue_bgc;width:100%;height: 2.2rem;line-height: 2.2rem;border-bottom: 1px solid rgb(204,204,204);
  .weizhi{.fl;height: 4rem;line-height: 4rem;width: 3rem;padding-left: .25rem;}
  .gouwuche{.fr;height: 4rem;line-height: 4rem;width: 3rem;.tar;padding-right: .25rem;}
  .dianming{margin: 0 3.5rem;height: 4rem;line-height: 4rem;.tac;
  }
  .show{
    display: block;
  }
  .hidden{
    display: none;
  }
}
.container-t{
  position: absolute;
  top: 2.2rem;
  left: 0;
  width: 100%;
  .pf;
  overflow: auto;
  overflow-y: hidden;
  z-index: 999;
  &.wrap{
    bottom: 2.5rem;
  }
  &.noFooter{
    bottom: 0;
  }
}
.bg{
  width: 100%;
  height: auto;
  .bg-img{
    display: block;
    width: 100%;
  }
}
img{
  width: 100%;
  vertical-align: middle;
}
/* swiper */
.Default_swiper{
  .Black;.White_bgc;
}
.Blue_swiper{
  .LightBlue;.White_bgc;
}

/* Button */
.Default_Button{.Black;.White_bgc;.fs13;border: 1px solid @lightGrey;border-radius: 0.25rem;display: block;text-align: center;height: 1.5rem;line-height: 1.5rem;
  &:active{color: @deepGray}
}
.Red_Button{.White;.Red_bgc;.fs13;border: 1px solid @red;border-radius: 0.25rem;display: block;text-align: center;height: 1.5rem;line-height: 1.5rem;
  &:active{color: @deepGray}
}
.Blue_Button{.White;.Blue_bgc;.fs13;border: 1px solid @blue;border-radius: 0.25rem;display: block;text-align: center;line-height: 1.5rem;
  &:active{color: @deepGray}
}

/* Panel */
.Default_Panel{.DeepGray;}
.Red_Panel{.Red_bgc;.White;}
.Blue_Panel{.Blue_bgc;.White;}
.Green_Panel{.Green_bgc;.White;}

/* Section */
.Default_Section{.DeepGray;.l-item-Section;}
.Red_Section{.Red_bgc;.White;.l-item-Section;}
.Blue_Section{.Blue_bgc;.White;.l-item-Section;}
.Green_Section{.Green_bgc;.White;.l-item-Section;}

/* Input */
.Default_Input{.DeepGray;;}
.Red_Input{.Red;}
.Blue_Input{.Blue;}
.Green_Input{.Green;}

/* Win */
.Default_Win{.Blue;}
.Red_Win{.Red;}
.Blue_Win{.Blue;}
.Green_Win{.Green;}

/* Search */
.Default_Search{.DeepGray;}
.Red_Search{.Red;}
.Blue_Search{.Blue;}
.LightBlue_Search{.LightBlue;}
.Green_Search{.Green;}

/* MsgBox */
.Default_MsgBox{background: rgba(125,125,125,1) !important;}
.Red_MsgBox{.Red_bgc !important;}
.Blue_MsgBox{.Blue_bgc !important;}
.LightBlue_MsgBox{.LightBlue_bgc !important;}
.Green_MsgBox{.Green_bgc !important;}

/* Week */
.Default_Week{.Blue_bgc !important; border: 1px solid @blue;}
.Red_Week{.Red_bgc !important; border: 1px solid @red;}
.Blue_Week{.Blue_bgc !important; border: 1px solid @blue;}
.Green_Week{.Green_bgc !important; border: 1px solid @green;}


/* 输入框样式 */
input{
  color:#333333;
  &input-placeholder{
    color:#999999;
    .fz14;
  }
}

/* 提示框样式 */
.lsd-msg-container {
  position:fixed;
  top:0;
  left:0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  text-align:center;
  & > img {
    display: inline-block;
    vertical-align: middle;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .lsd-msg-box {
    max-width: 50%;
    padding: .25rem;
    font-size: .8rem;
    position:relative;
    top: 40%;
    color: #FFF;
    background-color: rgba(0,0,0,.5);
    display: inline-block;
    //vertical-align: middle;
    border-radius: .5rem;
    img {
      width: 1.8rem;
    }
    div {
      height: auto;
      line-height: 1.8rem;
      padding: 0 .5rem;
    }
  }
}